<template>
  <div class="Live">
    Live组件
    <div>{{ count }}</div>
    <button @click="count++">count++</button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      count: 0
    }
  },
  components: {},
  beforeCreate () {
    console.log('home beforeCreate')
  },
  created () {
    console.log('home created')
  },
  beforeMount () {
    console.log('beforeMount home')
  },
  mounted () {
    console.log('home mounted ...')
  },
  beforeUpdate () {
    console.log('beforeUpdate ....')
  },
  updated () {
    console.log('updated ...')
  },
  beforeUnmount () {
    console.log('beforeUnMount ...')
  },
  unmounted () {
    console.log('unmounted ...')
  }
}
</script>
<style scoped>
</style>
